<div class="main-container">
    <h2 class="h2-ohter-page">
        <span>
            全国爱国主义教育示范基地
        </span>
    </h2>
    <div *ngFor="let mainData of data">
        <h2 class="mat-h3 index-h2">{{mainData.title}}</h2>
        <div class="index-drop-list">
            <div class="index-book" *ngFor="let item of mainData.data">
                <mat-card class="index-card mat-elevation-z3" (click)="openDialog(item)">
                    <mat-card-header>
                        <mat-card-title>{{item.title}}</mat-card-title>
                        <mat-card-subtitle>{{item.title}}</mat-card-subtitle>
                    </mat-card-header>
                    <img mat-card-image src="{{item.image}}" alt="{{item.title}}">
                </mat-card>
            </div>
        </div>
    </div>
</div>